{extend name="_layout/default" /}

{block name="header"}
<style>
    .index-nav-block{width: 600px;height: 300px;margin: 150px auto 0 auto;}
    .search-block {box-shadow: 0 8px 33px 0 rgba(30,35,42,.08);background: #fff;float: left;width: 600px;height: 44px;border-radius: 2px;transition: box-shadow .2s cubic-bezier(.4,0,.2,1);}
    .search-input {width: 565px;height: 100%;border: 0;display: block;padding: 0 10px;font-size: 16px;outline: none}
    .submit {text-align: center;width: 24px;height: 24px;padding: 0;background: #fff;border: none;border-bottom-left-radius: 0;border-top-left-radius: 0;cursor: pointer;display: block;position: relative;top: -30px;left: 572px;outline: none}
    .active{color: #fff !important;background-color: #1ab394;}
</style>

{/block}


{block name="main"}
<div class="mdui-container-fluid index-nav-block">
    <h2 class="mdui-center">
        <img class="mdui-center mdui-img-fluid" src="/static/logo.png" style="height: 90px;" alt="BTFILM专业的电影搜索引擎，海量电影等你来搜">
    </h2>

    <form action="{:url('/search')}" method="get" class="mdui-center" style="margin-top: 25px">
        <div class="search-block">
            <input type="text" class="search-input" placeholder="专业电影搜索引擎，海量电影等你来搜……" name="keyword">
            <button class="submit" id="submit">
                <i class="mdui-icon material-icons">&#xe8b6;</i>
            </button>
        </div>
    </form>
</div>
{/block}


{block name="footer"}


{/block}